// 导入图片懒加载的插件
import { useIntersectionObserver } from '@vueuse/core'
// 定义懒加载插件

export const lazyPlugin = {
    install (app) {
        // 懒加载指令逻辑
        app.directive('img-lazy', {
            mounted(el,binding) {
              // console.log(el,binding.value)
              const { stop } = useIntersectionObserver(
                el,
                ([{ isIntersecting }]) => {
                  // console.log(isIntersecting)
                  if (isIntersecting) {
                    // 进入视口区域
                    el.src = binding.value
                    stop()
                  }
                })
            }
          })
    }
}